<template>
	<Head v-if="this.$store.state.ifFrameShow"></Head>

	<div class="container">
		<div class="row">
			<div class="col-md-2 bg-light" v-if="this.$store.state.ifFrameShow">
				<Side></Side>
			</div>
			<router-view class="col-md-10"/>
		</div>
		
	</div>


</template>

<script>
	import {
		computed,
		reactive,
		toRefs,
		onMounted
	} from "vue";
	import Head from "./components/Head";
	import Side from "./components/Side";
	import store from "./store/index"
	
	export default {
		props: {
			//入口参数
		},
		components: {
			//引入组件
			Head,
			Side
		},
		setup() {
			onMounted(() => {
			});
			const data = reactive({
			});
			return {
				...toRefs(data),
			};
		},
	}
</script>
